<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    .row-bg {
        background: #FFFFFF;
        padding: 20px 20px;
    }
    .gray-bg{
        padding: 20px 20px;
    }
    .form-box{
        padding: 20px 0px;
    }
    .control-label {
        width: 5% !important;
        text-align: left !important;
    }
    .form-box>div {
        width: 300px;
    }
    .bootstrap-table .fixed-table-container {
        height: calc(100vh - 499px) !important;
    }
</style>
<body class="gray-bg">
<div class="row-bg layui-form">
    <form class="layui-form">
        <div class="layui-form" style="margin-bottom: 30px">
            <div class="form-box">
                <label class="control-label">创建人：</label>
                <div class="layui-input-inline">
                    <select id="userId" name="userName" required lay-verify="required" lay-filter="select-filter">
                    </select>
                </div>
            </div>
            <div class="form-box">
                <label class="control-label">班级名称：</label>
                <div class="layui-input-inline">
                    <input id="secretKey" type="text" required lay-verify="required" class="form-control" placeholder="请输入班级名称">
                </div>
            </div>
        </div>
        <div>
            <h4 style="margin-bottom: 20px">学生信息</h4>
            <div class="columns">
                <button type="button" class="btn btn-success" onclick="add('添加学生',{})">
                    单个添加
                </button>
                <button style="margin-left: 10px" type="button" class="btn btn-success" onclick="exports()">
                    批量导入
                </button>
            </div>
            <table id="exampleTable" data-mobile-responsive="true">
            </table>
        </div>
    </form>
</div>
<div class="row-bg" style="margin-top: 20px;text-align: center">
    <button type="button" style="padding: 10px 60px" class="btn btn-success"  onclick="submits()">
        提交
    </button>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/classManage/addclass/addclass.js?r=11s"></script>
</body>
</html>